<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      @import url('jquery.colorselect.css');
    </style>
    <script src="jquery-1.4.3.js"> </script>
<!--    <script src="ColorDiff.js"> </script>-->
    <script src="jquery.colorselect.js"> </script>
    <script>
      $(document).ready(
        function ()
        {
          function logSwap(event, color, altColor)
          {
            console.log(color + ' ' + altColor);
          }
          function logChange(event, color)
          {
            console.log(color);
          }
          $('#colorbox').colorselect(
            {
              compliance: true
            });
              /*,
              colorswap: logSwap,
              colorchange: logChange,
              altcolorchange: logChange*/
/*          $('#colorbox2').colorselect(
            {
              color: '#DEADBE',
              altColor: '#CAFEBA'
            });*/
        });
    </script>
  </head>
  <body>
    <div id="colorbox">
    </div>
    <div id="colorbox2">
    </div>
  </body>
</html>
